import React, { Component } from 'react';
import { MoreOutline, LeftOutline,QuestionCircleOutline } from 'antd-mobile-icons'
import { Empty } from 'antd-mobile'
class Rpassword extends Component {
    state={
        pass:''
    }
    next(){
        this.props.history.push({pathname:'/rcode',state:{tel:this.props.location.state.tel,password:this.state.pass}})
    }
    onClick() {
        this.props.history.go(-1)
    }
    onChange(e){
        this.setState({
            pass:e.target.value
        })
    }
    render() {
        return (
            <div className='repassword'>
                <div className='dnavbar'>
                    <span onClick={() => { this.onClick() }}><LeftOutline /></span>
                    <div>注册</div>
                    <div className='dmicon'>
                    </div>
                </div>
                <div className="repassimg">
                        <Empty
                            style={{ padding: '46px 0',boxSizing:'border-box',marginTop:'40px'}}
                            image={
                                <QuestionCircleOutline
                                    style={{
                                        color: 'var(--adm-color-light)',
                                        fontSize: 48,
                                    }}
                                />
                            }
                            description='图片跑没了'
                        />
                </div>
                <div className="lcontent">
                    <input type="password" placeholder='请输入密码' value={this.state.pass} onChange={(e)=>{this.onChange(e)}}/>
                    <button onClick={()=>{this.next()}}>下一步</button>
                </div>
            </div>
        );
    }
}

export default Rpassword;